<admintpl file="header" />
</head>
<body>
	<div class="wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('cookbook/index')}">案例列表</a></li>
			<li class="active"><a href="{:U('cookbook/add')}">新增案例</a></li>
		</ul>
		<form method="post" class="form-horizontal js-ajax-form" action="{:U('cookbook/add_post')}">
			<fieldset>
				<div class="control-group">
					<label class="control-label">名称</label>
					<div class="controls">
						<input type="text" name="name" value="{$name}"><span class="form-required">*</span>
						<input type="hidden" name="id" value="{$id}">
					</div>
				</div>
				<div class="control-group">
					<label class="control-label">上级分类</label>
					<div class="controls">
						<select name="classify_pid" onchange="classifyChange(this.value,'sonClassify','0')"><span class="form-required">*</span>
							<option name="classify_pid" value="0" >作为一级分类</option>
							<foreach name="classifys" item="vo">
								<option name="classify_pid" value="{$vo.id}" >{$vo.name}</option>
							</foreach>
						</select>
					</div>
				</div>
				<!--当一级分类确定了，change事件获取二级分类-->
				<!--<div class="control-group">
					<label class="control-label">二级分类</label>
					<div class="controls">
						<select name="classify_id" id="sonClassify"><span class="form-required">*</span>
							<option value="0">请选择二级分类</option>
						</select>
					</div>
				</div>-->

				<!--<div class="control-group">
					<label class="control-label">烹饪方法</label>
					<div class="controls">
						<select name="cooking_id"><span class="form-required">*</span>
							<option name="cooking_id" value="0" >请选择烹饪方法</option>
							<foreach name="cookings" item="vo">
								<option name="cooking_id" value="{$vo.id}" >{$vo.name}</option>
							</foreach>
						</select>
					</div>
				</div>-->
				<div class="control-group">
					<label class="control-label">封面图</label>
					<input type="hidden" name="image" id="thumb" value="{$image}">
					<a href="javascript:upload_one_image('图片上传','#thumb');" style="padding-left:20px">
						<if condition="empty($image)">
							<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand"/>
							<else />
							<img src="{:sp_get_image_preview_url($image)}" id="thumb-preview" width="135" style="cursor: hand"/>
						</if>
					</a>
					<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">

				</div>
				<div class="control-group">
					<label class="control-label">详情页图标</label>
					<input type="hidden" name="video_image" id="thumbs" value="{$video_image}">
					<a href="javascript:upload_one_image('图片上传','#thumbs');" style="padding-left:20px">
						<if condition="empty($video_image)">
							<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumbs-preview" width="135" style="cursor: hand"/>
							<else />
							<img src="{:sp_get_image_preview_url($video_image)}" id="thumbs-preview" width="135" style="cursor: hand"/>
						</if>
					</a>
					<input type="button" class="btn btn-small" onclick="$('#thumbs-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumbs').val('');return false;" value="取消图片">
				</div>


				<div class="control-group">
					<label class="control-label">小程序二维码</label>
					<input type="hidden" name="ewm_image" id="thumbss" value="{$ewm_image}">
					<a href="javascript:upload_one_image('图片上传','#thumbss');" style="padding-left:20px">
						<if condition="empty($ewm_image)">
							<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumbss-preview" width="135" style="cursor: hand"/>
							<else />
							<img src="{:sp_get_image_preview_url($ewm_image)}" id="thumbss-preview" width="135" style="cursor: hand"/>
						</if>
					</a>
					<input type="button" class="btn btn-small" onclick="$('#thumbss-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumbss').val('');return false;" value="取消图片">
				</div>

				<div class="control-group">
					<label class="control-label">功能介绍图标</label>
					<input type="hidden" name="gn_image" id="thumbsss" value="{$gn_image}">
					<a href="javascript:upload_one_image('图片上传','#thumbsss');" style="padding-left:20px">
						<if condition="empty($gn_image)">
							<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumbsss-preview" width="135" style="cursor: hand"/>
							<else />
							<img src="{:sp_get_image_preview_url($gn_image)}" id="thumbsss-preview" width="135" style="cursor: hand"/>
						</if>
					</a>
					<input type="button" class="btn btn-small" onclick="$('#thumbsss-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumbsss').val('');return false;" value="取消图片">
				</div>
				<div class="control-group">
					<label class="control-label">AppID</label>
					<div class="controls">
						<input type="text" name="app_id" value="{$app_id}"><span class="form-required">*</span>
					</div>
				</div>
				<!--<div class="control-group">
					<label class="control-label">视频地址</label>
					<div class="controls">
						<input type="text" name="video_url" value="{$video_url}"><span class="form-required">*</span>
					</div>
				</div>-->
				<div class="control-group">
					<label class="control-label">案例简介</label>
					<div class="controls">
						<textarea name="description"  rows="5" cols="57"></textarea>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label">详情内容</label>
					<div class="controls">
						<script type="text/plain" id="content" name="content"></script>
					</div>
				</div>
			</fieldset>
			<div class="form-actions">
				<button type="submit" class="btn btn-primary js-ajax-submit">{:L('ADD')}</button>
				<a class="btn" href="javascript:history.back(-1);">{:L('BACK')}</a>
			</div>
		</form>
	</div>
	<script src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
		//编辑器路径定义
		var editorURL = GV.WEB_ROOT;
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$(".js-ajax-close-btn").on('click', function(e) {
				e.preventDefault();
				Wind.use("artDialog", function() {
					art.dialog({
						id : "question",
						icon : "question",
						fixed : true,
						lock : true,
						background : "#CCCCCC",
						opacity : 0,
						content : "您确定需要关闭当前页面嘛？",
						ok : function() {
							setCookie("refersh_time", 1);
							window.close();
							return true;
						}
					});
				});
			});
			/////---------------------
			Wind.use('validate', 'ajaxForm', 'artDialog', function() {
				//javascript

				//编辑器
				editorcontent = new baidu.editor.ui.Editor();
				editorcontent.render('content');
				try {
					editorcontent.sync();
				} catch (err) {
				}
				//增加编辑器验证规则
				jQuery.validator.addMethod('editorcontent', function() {
					try {
						editorcontent.sync();
					} catch (err) {
					}
					return editorcontent.hasContents();
				});
				var form = $('form.js-ajax-form');

				//ie处理placeholder提交问题
				if ($.browser && $.browser.msie) {
					form.find('[placeholder]').each(function() {
						var input = $(this);
						if (input.val() == input.attr('placeholder')) {
							input.val('');
						}
					});
				}

				var formloading = false;
				//表单验证开始
				form.validate({
					//是否在获取焦点时验证
					onfocusout : false,
					//是否在敲击键盘时验证
					onkeyup : false,
					//当鼠标掉级时验证
					onclick : false,
					//验证错误
					showErrors : function(errorMap, errorArr) {
						//errorMap {'name':'错误信息'}
						//errorArr [{'message':'错误信息',element:({})}]
						try {
							$(errorArr[0].element).focus();
							art.dialog({
								id : 'error',
								icon : 'error',
								lock : true,
								fixed : true,
								background : "#CCCCCC",
								opacity : 0,
								content : errorArr[0].message,
								cancelVal : '确定',
								cancel : function() {
									$(errorArr[0].element).focus();
								}
							})
						} catch (err) {
						}
					},
					//验证规则
					rules : {
//						'post[post_title]' : {
//							required : 1
//						},
//						'post[post_content]' : {
//							editorcontent : true
//						}
					},
					//验证未通过提示消息
					messages : {
//						'post[post_title]' : {
//							required : '请输入标题'
//						},
//						'post[post_content]' : {
//							editorcontent : '内容不能为空'
//						}
					},
					//给未通过验证的元素加效果,闪烁等
					highlight : false,
					//是否在获取焦点时验证
					onfocusout : false,
					//验证通过，提交表单
					submitHandler : function(forms) {
						if (formloading)
							return;
						$(forms).ajaxSubmit({
							url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
							dataType : 'json',
							beforeSubmit : function(arr, $form, options) {
								formloading = true;
							},
							success : function(data, statusText, xhr, $form) {
								formloading = false;
								if (data.status) {
									setCookie("refersh_time", 1);
									//添加成功
									Wind.use("artDialog", function() {
										art.dialog({
											id : "succeed",
											icon : "succeed",
											fixed : true,
											lock : true,
											background : "#CCCCCC",
											opacity : 0,
											content : data.info,
											button : [ {
												name : '继续添加？',
												callback : function() {
													reloadPage(window);
													return true;
												},
												focus : true
											}, {
												name : '返回列表页',
												callback : function() {
													location = "{:U('AdminPost/index')}";
													return true;
												}
											} ]
										});
									});
								} else {
									artdialog_alert(data.info);
								}
							}
						});
					}
				});
			});
			////-------------------------
		});
	</script>
<script>
	/**
	 * 获取二级的菜品分类
	 */
	/*function classifyChange(id,next,select_id){
		var url = '/index.php?g=Admin&m=Cookbook&a=getSonClassify&id='+ id;
		console.log('url',url)
		$.ajax({
			type : "GET",
			url  : url,
			error: function(request) {
				alert("服务器繁忙, 请联系管理员!");
				return;
			},
			success: function(v) {
				v = "<option value='0'>请选择二级分类</option>" + v;
				$('#'+next).empty().html(v);
				(select_id > 0) && $('#'+next).val(select_id);//默认选中
			}
		});
	}*/
</script>
</body>
</html>